import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
import type { RootState, AppDispatch } from '../index'

// 在整个应用程序中使用，而不是简单的 `useDispatch` 和 `useSelector`
// 注意:在当前项目中使用 useAppDispatch 代替 useDispatch 因为useAppDispatch已经有类型了
// 注意: 在当前项目中使用 useAppSelector 代替 useSelector 因为 useAppSelector 多了类型定义
// 这样的好处 就是以后在当前项目中在多个组件中使用 useDispatch 或 useSelector 不用每次为这两个hook再单独定义类型了 

export const useAppDispatch: () => AppDispatch = useDispatch
export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector


